<template>
    <div>

        <a-card hoverable style="width: 240px;display:inline-block">
            <img
            slot="cover"
            alt="example"
            src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
            />
            <a-card-meta title="做一个甜甜的梦">
            <template slot="description">
                一起分享吧
            </template>
            </a-card-meta>
        </a-card>

        <a-card>
            <Comment></Comment> 
        </a-card>

    </div>
</template>  


<script>
import Comment from '../components/Comment'
export default {
    name: 'Persional',
    components: {
        Comment
    },
  data() {
    return {
      likes: 0,
      dislikes: 0,
      action: null,
      moment,
    };
  },
  methods: {
    like() {
      this.likes = 1;
      this.dislikes = 0;
      this.action = 'liked';
    },
    dislike() {
      this.likes = 0;
      this.dislikes = 1;
      this.action = 'disliked';
    },
  },
};

</script>